import React, { useEffect, useState } from 'react'

import { useParams } from 'react-router-dom'
import { useNavigate } from 'react-router-dom'
import './Xq.css'
import { LeftOutline } from 'antd-mobile-icons'
import { getXq } from '../../request/index'
const imsg = require('../../assents/23.png')
const MyP=()=>{
    window.location.href='/MyPiao'
}
const Xq = () => {
    const { id } = useParams()
    const navigate = useNavigate()
    const [dataList, setDataList] = useState<any>()
    useEffect(() => {
        getXq(id).then(res => {
            console.log(res);
            setDataList(res.data.data)
        })
    }, [])
    return (

        <div>
            {id}
            <div className='Xq-top'>
                <span onClick={() => { navigate(-1) }}><LeftOutline /></span>
            </div>

         
                        <div className='Xq-text'>
                            <img className='imsg-ssd' src={imsg} alt="" />
                            <div className='Xq-bottom'>
                                <span>佛挡杀佛撒多福多寿防守打法的司法送达发撒代发</span><br />
                                <span>周二</span><br />
                                <span>晚上10:00</span><br /><br /><br /><br /><br />
                                <span>递四方速递方式大方的说法是打发</span><br /><br /><br /><br />
                                <span >1232</span><br /><br /><br /><br />
                            </div>
                        </div>
                    
             
            

            <button className='btn' onClick={MyP}>立即购票</button>
        </div>
    )
}

export default Xq
